<template>
  <el-dialog
    class="dialog"
    title="查看"
    :visible.sync="dialogFormVisible"
    v-if="dialogFormVisible"
    width="1200px"
    @close="close"
    :close-on-click-modal="false"
    v-dialogDrag
  >
    <detail-history :dataInfo="form"></detail-history>

    <div slot="footer" class="dialog-footer">
      <el-button @click="close">关 闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
  import DetailHistory from './history/History'

  export default {
    name: 'SalesOrderHistory',
    components: { DetailHistory },
    data() {
      return {
        dialogFormVisible: false,
        elementLoadingText: '正在加载...',
        activeName: 'info',
        form: {},
      }
    },
    created() {},
    methods: {
      showEdit(row) {
        this.form = Object.assign({}, row)
        this.form.businessKey = row.docCode
        this.form.category = row.docTypeName
        this.dialogFormVisible = true
      },
      close() {
        this.dialogFormVisible = false
      },
    },
  }
</script>

<style scoped>
  .dialog /deep/ .el-dialog__body {
    padding-top: 0 !important;
  }
</style>
